<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script src="./jquery-3.5.1.min.js"></script>
<script>
    //成功调用resolve

    // $.ajax({
    //     url: 'demo.php',
    //     success(res) {
    //         console.log(res);
    //     },
    // })


    // var p = new Promise((resolve, reject) => {
    //     $.ajax({
    //         url: 'demo.php',
    //         success(res) {
    //             resolve(res)
    //         },
    //         error() {
    //             reject()
    //         }
    //     })
    // })
    // p.then((res) => {
    //     console.log(res);
    // })
    // //失败执行catch
    // p.catch((res) => {
    //     console.log(res);
    // })

    // 加载图片
function loadImg(src) {
    const p = new Promise(
        (resolve, reject) => {
            const img = document.createElement('img')
            img.onload = () => {
                resolve(img)
            }
            img.onerror = () => {
                const err = new Error(`图片加载失败 ${src}`)
                reject(err)
            }
            img.src = src
        }
    )
    return p
}
const url = 'www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'
loadImg(url).then(img => {
    console.log(img.width)
    return img
}).then(img => {
    console.log(img.height)
}).catch(ex => console.error(ex))
</script>